﻿<html>
<head>
<title>CSS3 Border Left Width Test</title>

<style type="text/css">
body {border-left-width: 20px; border-left-style: solid;}
p {border-left-width: thin; border-left-style: solid;
  }
h3 {border-left-width: 50px; border-left-style: solid;}
h4 {border-left-width: medium; border-left-style: solid;}
em {border-left-width: thick; border-left-style: solid;}
</style>
</head>

<body>




<h1>CSS3 Border Left Width Test</h1>





<ul>
<li >
For "border-left-width", possible values are "&lt;border-width&gt;" .
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is true, this paragraph should have a thin
border left width.
The rule applied is "p {border-left-width: thin;}".
</p>
<h3>
The border-left-width of this h3 heading should be 50px.  
The rule applied is "h3 {border-left-width: 50px;}".

</h3>
<h4>
The border-left-width of this h4 heading should be medium.
The rule applied is "h4 {border-left-width: medium;}".
</h4>
<em>
This emphasized test should have a border left width of thick.
The rule applied is "em {border-left-width: thick;}".  This is some
more text to test this item properly.  Here is even more text to make
sure that this item is tested properly in this instance.  The border-left-width
property does apply to this element. 

</em>
<p>
All other properties of this page should be UA-default.
This is a paragraph, like the one above, so should also
have thin border left width.  The body's border left width of 20px should display,
since the rule "body {border-left-width: 20px;}" applies.  Border left style of solid
is applied to all CSS rules, so that left border is visible.   
</p>

</body>
</html>
